﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="left.aspx.cs" Inherits="main_left" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="../js/prototype.lite.js"></script>
    <script type="text/javascript" src="../js/moo.fx.js"></script>
    <script type="text/javascript" src="../js/moo.fx.pack.js"></script>
    <style type="text/css">
        body
        {
            margin: 0px;
            padding: 0px;
            font-size: 12px;
        }
        ul
        {
            margin:0px;
            padding:0px;
        }
        li
        {
            list-style: none;
            width:156px;
        }
        li a
        {
            text-decoration: none;
            display: block;
            color: #333;
            text-align:center;
        }
        li a:hover
        {
            font-size: 13px;
            color: #369;
            background-color:#eee;
            border:1px solid #369;
        }
        #container
        {
            width: 156px;
        }
        h1
        {
            font-size: 11px;
            margin: 0px;
            cursor: pointer;
            height: 22px;
            line-height: 20px;
            text-align: center;
        }
        h1 a
        {
            display: block;
            padding-top: 1px;
            padding-right: 8px;
            padding-bottom: 0px;
            padding-left: 8px;
            color: #ffffff;
            height: 22px;
            text-decoration: none;
            moz-outline-style: none;
            background-image: url(images/main_25.gif);
            background-repeat: repeat-x;
        }
        .content
        {
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="left_top">
        <img src="images/main_21.gif" /></div>
    <div id="container">
        <h1 class="title">
            <a href="javascript:void(0)">菜单项</a></h1>
        <div class="content">
            <ul>
                <li><a href="sysusers/userlist.aspx" target="rightFrame">客户管理</a></li>
                <li><a href="#" target="rightFrame">客户管理</a></li>
                <li><a href="#" target="rightFrame">客户管理</a></li>
                <li><a href="#" target="rightFrame">客户管理</a></li>
                <li><a href="#" target="rightFrame">客户管理</a></li>
                <li><a href="#" target="rightFrame">客户管理</a></li>
            </ul>
        </div>
        <h1 class="title">
            <a href="javascript:void(0)">菜单项</a></h1>
        <div class="content">
            <ul>
                <li><a href="#" target="rightFrame">客户管理</a></li>
                <li><a href="#" target="rightFrame">客户管理</a></li>
                <li><a href="#" target="rightFrame">客户管理</a></li>
                <li><a href="#" target="rightFrame">客户管理</a></li>
                <li><a href="#" target="rightFrame">客户管理</a></li>
                <li><a href="#" target="rightFrame">客户管理</a></li>
            </ul>
        </div>
        <h1 class="title">
            <a href="javascript:void(0)">菜单项</a></h1>
        <div class="content">
            <ul>
                <li><a href="#" target="rightFrame">客户管理</a></li>
                <li><a href="#" target="rightFrame">客户管理</a></li>
                <li><a href="#" target="rightFrame">客户管理</a></li>
                <li><a href="#" target="rightFrame">客户管理</a></li>
                <li><a href="#" target="rightFrame">客户管理</a></li>
                <li><a href="#" target="rightFrame">客户管理</a></li>
            </ul>
        </div>
    </div>
    <script type="text/javascript">
        var contents = document.getElementsByClassName('content');
        var toggles = document.getElementsByClassName('title');

        var myAccordion = new fx.Accordion(
			toggles, contents, { opacity: true, duration: 400 }
		);
        myAccordion.showThisHideOpen(contents[0]);
    </script>
    </form>
</body>
</html>
